<template>
  <div class="page">
    <div class="box">栏目1</div>
    <button @click="add">添加</button>
  </div>
</template>
<script>
export default {
  data() {
    return {}
  },
  methods: {
    add() {
      console.log(`helloworld`)
    }
  }
}
</script>
<style type="text/css" lang="scss">
body {
}
.page {
  perspective: 1000px;
}
.box {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  //这个对比本质上是视图矩阵向左平移了
  transform: translate3d(100px, 0, 100px);
}
</style>
